 @import "base/_base";
 .housingDetails{
        .housingDetails-item{
            .title{
                margin-top: 80px;
                h1{
                    font-size:26px;
                    color:$color6;
                }
            }
            .item1{
                .title{
                    p{
                        font-size:26px;
                        font-weight:bold;
                        color:$color6;
                        margin-right: 30px;
                        border-bottom: 3px solid $color6;
                        padding-bottom:30px;
                    }
                }
                .banners{
                    @include flex;
                    justify-content:space-between;
                    margin-top: 50px;
                }
            }
            .item2{
                background: #F4E4E0;
                margin-top: 80px;
                @include allCenter;
                width:600px;
                height: 156px;
                .text{
                    // padding:90px;
                    p{
                        text-align: center;
                        color: $color5;
                        font-size: 16px;
                         margin: 10px 0;
                    }
                    var{
                        color: $color6;
                        font-size: 30px;
                    }
                }
                .hr{
                    width:1px;
                    height: 43px;
                    background: $color6;
                    margin:0 90px;
                }
            }
            .item3{
                margin-top: 80px;
                .title{
                     margin-top: 0px;
                     margin-bottom: 30px;
                }
                .tab{
                    @include flex;
                    justify-content:space-between;
                    // width: 573px;
                    margin-top: 33px;
                    .el-tabs--card>.el-tabs__header {
                        border-bottom: 3px solid $color6;
                        .el-tabs__item {
                            width: 90px;
                            height:35px;
                            text-align: center;
                            line-height: 35px;
                            color: $color4;
                        }
                        .el-tabs__item.is-active {
                            border: 1px solid $color6;
                            background: $color6;
                            color: #fff;
                            border-radius: 0;
                            // padding: 0px 20px;
                        }
                    }
                    .trendImg{
                        width:570px;
                        height:350px;
                        img{
                            height:100%;
                            width:100%;
                        }
                    }
                }
            }
            .item4{
                // margin-top:80px;
                @include flex;
                justify-content:space-between;
                .box1,.box2{
                    width: 573px;
                }
                .box1{
                    .box{
                         height: 330px;
                    }
                    .t{
                        @include flex;
                        justify-content:space-between;
                        .text{
                            width: 250px;
                            p{
                                // line-height: 50px;
                                margin-bottom: 35px;
                                color: $color4;
                                @include flex;
                                span{
                                    color: $color5;
                                        overflow: auto;
                                        width: 175px;
                                        display: block;
                                        float: left;
                                }
                            }
                        }
                    }
                    .b{
                        margin-bottom: 35px;
                        @include flex;
                        span{
                            display: block;
                            color: $color4;
                        }
                        p{
                            width: 450px;
                            color: $color5;
                            height:60px;
                            overflow:auto;
                        }
                    }
                }
                .box2{
                    .box{
                         height: 330px;
                    }
                    p{
                        margin-bottom: 35px;
                        text-indent:28px;
                    }
                }
            }
            .item5{
                margin-top: 80px;
                .el-table_1_column_6{
                    color: red;
                }
                .el-table tr th{
                    background: $color1;
                    .cell{
                         background: $color1;
                         color: #fff;
                         height: 70px;
                         line-height: 70px;
                    }
                }
                .el-button{
                    color: $color6;
                    border: 0;
                    background:none;
                }
                .el-table tr {
                    height: 70px;
                }
            }
            .item5-page{
                 margin: 40px auto;
                 text-align: center;
            }
            
        }
   }